<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>硬件终端详情页</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/public.js"></script>
	</head>

	<body>
		<div class="topbox">
			<div class="head clearfloat">
				<div class="logo clearfloat">
					<em></em><span>智慧消防大数据云平台</span>
				</div>
				<div class="nav">
					<ul class="clearfloat">
						<li><a href="index.html">首页</a></li>
						<li class="active"><a href="">产品中心</a>
							<div class="nav_down">
								<p><a href="tmc1.html">TMC智慧消防云平台</a></p>
								<p><a href="tmc2.html">TMC智慧消防APP/小程序</a></p>
								<p><a href="tmc3.html">TMC可视化指挥平台</a></p>
								<p><a href="hard.html">硬件终端</a></p>
							</div>
						</li>
						<li><a href="solve.html">解决方案 </a>
							<div class="nav_down">
								<p><a href="">火灾自动报警系统解决方案</a></p>
								<p><a href="">电气火灾监控系统解决方案</a></p>
								<p><a href="">可燃气体监控系统解决方案</a></p>
								<p><a href="">消防给水监测系统解决方案</a></p>
								<p><a href="">气体灭火控制系统解决方案</a></p>
								<p><a href="">防火门监控系统解决方案</a></p>
								<p><a href="">消防视频监控系统解决方案</a></p>
								<p><a href="">消防巡检系统解决方案</a></p>
								<p><a href="">应急疏散系统解决方案</a></p>
							</div>
						</li>
						<li><a href="case.html">应用案例</a></li>
						<li><a href="agent.html">招商代理</a></li>
						<li><a href="about.html">关于我们</a></li>
					</ul>
				</div>
			</div>

		</div>
		<!--top-->
		<div class="wraps">

			<div class="pro_ban">
				<div class="pro_use clearfloat">
					<div class="pro_le">
						<div class="good_tit">
							硬件终端
						</div>
						<div class="hard_info">
							国内领先、最全的智慧消防物联网云产品
						</div>
						<div class="good_more">
							<a href="">立即咨询</a>
						</div>
					</div>
					<div class="hard_pic">
						<div id="hard1" class="hard1">
							<img src="images/hard1.png" alt="" width="66" height="56">
						</div>
						<div id="hard2" class="hard2">
							<img src="images/hard2.png" alt="" width="427" height="165">
						</div>
						<div id="hard3" class="hard3">
							<img src="images/hard3.png" alt="" width="377" height="235">
						</div>
					</div>
				</div>
			</div>

			<!--banner-->
			<div class="main-top">
				<span class="active">硬件简介</span><span>硬件特点</span><span>规格参数</span>
			</div>
			<div class="ware_box">
				<div class="ware1">
					<div class="ware_tit">
						硬件简介
					</div>
					<div class="clearfloat">
						<div class="ware_te">
							<div class="ware_tep">
								<img src="temp/ware2.png" />
							</div>
							<div class="hard_name">
								XE3112SWL 组合式电气火灾监控探测器（8通道）
							</div>
						</div>
						<div class="ware_info">
							<p>XE3112SWL组合式电气火灾监控探测器是一款采用中文液晶显示的探测器，适用于漏电流检测，温度检测通道小于等于8的监测环境。</p>
							<p>XE3112SWL探测器具有液晶显示功能，正常监控时，轮巡显示检测的漏电流值、温度值；探测器还包含蜂鸣器，检测到故障或报警时发出声光报警提示；自带一组外控输出，报警时输出保持信号；TBUS通讯总线，可以方便的与本公司具备TBUS总线接口的电气火灾监控设备组网监控；具备AC220V供电和DC24V总线辅助供电功能。 适用于各类工厂、库房、办公室、商业建筑、宾馆、住宅及***所等用电线路的漏电流、线路温度检测。可与监控设备组网使用，实现监控和报警。</p>
						</div>
					</div>
				</div>
				<div class="ware2">
					<div class="ware_tit">
						硬件特点
					</div>
					<div class="ware_list">
						<ul class="clearfloat">
							<li>• 集测量、显示、地址设置等功能于一体；</li>
							<li>• 具备传感器短路、断路及通讯自动检测功能</li>
							<li>• 探测器和监控设备采用TBUS总线制连接方式，通讯稳定可靠，布线简便；</li>
							<li>• 内置无源开关量输出触点，可用于现场输出需求；</li>
							<li>• 按需设定报警值，并具备声光报警功能；</li>
							<li>• 通道混用式设计：同一通道支持检测温度值、泄漏电流值，可任意切换；</li>
							<li>• 小型化外形尺寸，适用于各类配电（箱）柜；</li>
							<li>• 支持400：1、2000：1、10000：1剩余电流互感器。</li>
						</ul>
					</div>
				</div>

				<div class="ware3">
					<div class="ware_tit">
						规格参数
					</div>
					<div class="ware_num">
						<img src="temp/num.png" />
					</div>
				</div>

			</div>

			<div class="footerbox">
				<div class="footer clearfloat">
					<div class="hot_line">
						<div class="hot_tit">
							<span>售前咨询热线</span>
						</div>
						<div class="call">
							400-888-8888
						</div>
						<div class="qqin">
							QQ咨询
						</div>
					</div>
					<div class="fast_nav">
						<div class="fast_tit">
							快速导航
						</div>
						<div class="fast_list">
							<p><a href="tmc1.html">产品中心</a></p>
							<p><a href="solve.html">解决方案</a></p>
							<p><a href="case.html">应用案例</a></p>
							<p><a href="agent.html">招商代理</a></p>
							<p><a href="about.html">关于我们</a></p>
						</div>
					</div>
					<div class="contus">
						<div class="fast_tit">
							联系我们
						</div>
						<div class="fast_list">
							<p>武汉XX科技有限公司</p>
							<p>地址：湖北省武汉市洪山区光谷XX大厦</p>
							<p>邮箱：admin@admin.com</p>
							<p>电话：400-888-8888</p>
						</div>
					</div>
					<div class="code">
						<div class="code_pic">
							<img src="temp/code.png" />
						</div>
						<div class="code_text">
							微信公众号
						</div>
					</div>
				</div>
				<div class="copy">
					&copy; <script>document.write(new Date().getFullYear());</script> XX公司&nbsp;&nbsp;ICP备XXXXXXXX号&nbsp;&nbsp;友情链接：<a style="color:#fff;" href="https://www.jsdaima.com/" title="js代码" target="_blank">js代码（www.jsdaima.com）</a>
				</div>
			</div>

			<div class="contact">
				<div class="callbox">
					<span>&#xe606;</span>
					<div class="call_num">
						400-888-8888
					</div>
				</div>
				<div class="wxbox">
					<span></span>
					<div class="wxpic">
						<img src="temp/weixin.png" />
					</div>
				</div>
				<div class="return">
					<span></span>
					<!--<img src="images/return.png"/>-->
				</div>
			</div>
		</div>
		<!--右侧返回顶部-->
		<script src="js/jquery.nGyroParallax.js"></script>
		<script type="text/javascript">
			$(function() {
				$(".pro_ban").mousemove(function(e) {
					$('#hard1').nGyroParallax({
						magnification: .005
					});
					$('#hard2').nGyroParallax({
						magnification: .004
					});
					$('#hard3').nGyroParallax({
						magnification: .002
					});
				}).mouseleave(function() {
					$('#hard1').nGyroParallax({
						magnification: 0
					});
					$('#hard2').nGyroParallax({
						magnification: 0
					});
					$('#hard3').nGyroParallax({
						magnification: 0
					});
				})
			});
		</script>
		<script>
			var pro = function() {
				var index = 0;
				var h1 = $('.ware1').offset().top - 210;
				var h2 = $('.ware2').offset().top - 210;
				var h3 = $('.ware3').offset().top - 210;
				$(".main-top span").click(function() {
					$(this).addClass("active").siblings("span").removeClass("active");
					index = $(this).index();
					if (index == 0) {
						$(".wraps").animate({
							scrollTop: h1
						}, 300);
					} else if (index == 1) {
						$(".wraps").animate({
							scrollTop: h2
						}, 300);
					} else if (index == 2) {
						$(".wraps").animate({
							scrollTop: h3
						}, 300);
					}
				})
				var mahe = $(".main-top").offset().top - 60;
				$(".wraps").scroll(function() {
					var he = $(this).scrollTop();
					if (he < mahe) {
						$(".main-top").removeClass("active");
					} else {
						$(".main-top").addClass("active")
					}
					if (he > h3 - 100) {
						$(".main-top span").eq(2).addClass("active").siblings("span").removeClass("active");
					} else if (he > h2 - 100) {
						$(".main-top span").eq(1).addClass("active").siblings("span").removeClass("active");
					} else if (he > h1 - 100) {
						$(".main-top span").eq(0).addClass("active").siblings("span").removeClass("active");
					}
				})
			}
			pro(); //产品中心切换
		</script>
	</body>

</html>